.banner {
  width: 100%;
  position: absolute;
  z-index: 1;
}
.banner swiper {
  width: 100%;
}
.banner swiper swiper-item .banner-image {
  width: 100%;
  height: 400rpx ;
}
.banner swiper swiper-item .play {
  width: 80rpx;
  height: 80rpx;
  position: absolute;
  z-index: 999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.content {
  display: flex;
  width: 100%;
  height: 400rpx;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.content .content-item {
  width: 32%;
  height: 180rpx;
  background-color: chartreuse;
}
.content .content-item .img-area {
  width: 100%;
}
.content .content-item .img-area image {
  height: 200rpx;
}
.content .content-item .title {
  margin-top: 20rpx;
  width: 100%;
  height: 50rpx;
}
.content .content-item .score-area {
  margin-top: 20rpx;
  display: flex;
}
.content .content-item .score-area .score-right {
  height: 20rpx;
}
